<template>
  <view style="position: absolute;margin-top: 50%;margin-left: 30%">

      <u-image  src="/static/images/freeze_alert.png" mode="widthFix"></u-image>

    <view class="container">
      <view style="display: block;font-weight: bold">
        <view>
          <span style="font-size: x-large">此账号已被冻结</span>
        </view>
        <view style="text-align: center;margin-top: 10px;color: #0A98D5" >
          <span @click="gotoyk" class="flex f-a-c f-j-c b-radius-30 h-44 bg-color-f7 t-color-black f-w-500 margin-t20">游客模式</span>
        </view>
      </view>
    </view>
  </view>

</template>
<style scoped>
@import url('../../static/css/page/white.css');
/* 定义容器 */
.container {

  display: flex;
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中 */

}
</style>
<script>
const $ = require('../../utils/api.js');
let self;
export default {
  data() {
    return {};
  },
  onLoad: function () {
    self = this;
    this.init();
  },
  methods: {
    gotoyk(){
      uni.removeStorageSync('token');
      uni.removeStorageSync('userInfo');
      $.go('/pages/index/home')
    },

    init() {
    },
  },
  computed: {
    i18n() {
      return this.$t('xieyi')
    },
  },
  created() {
  },
  mounted() {
  },
  destroyed() {
  },
  components: {},
  onPullDownRefresh() {
  },
  onReachBottom() {
  }
}
</script>
